<template>
    <div>
        <el-tabs tab-position="left">
            <el-tab-pane 
            v-for="cred in credentials" 
            :key="cred.label"
            :label="cred.label"            
            >
                <cerdential-entity  :cerdential="cred" :consumerId="consumerEntity.id"/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import {dict} from '@/const/dict.js';
import cerdentialEntity from './cerdentialEntity.vue';
export default {
    components: { cerdentialEntity },
    props: {
        consumerEntity:{
            type: Object,
            required: false,
            default: null,
        }
    },
    data () {
        return {
            credentials:dict.CONSUMER_CERDENTIALS,
            credEntity: null,
        }
    },
    created(){},
    methods:{
    }
    }
</script>